import React from "react";

class SayHello extends React.Component {
  //state是组件的状态，是一个对象，可以在constructor中初始化，state中的数据会影响视图的更新,
  // state是组件私有的，不能直接修改，只能通过setState修改
  // state就是class的实例属性

  state = {
    count: 0,
    list: [],
    isloading: false,
  };
  // 按钮事件处理程序
  handleClick(e) {
    // react 中的事件对象是react内部处理后的事件对象SyntheticBaseEvent 合成事件对象
    e.preventDefault();
    console.log(e);
    console.log(this);
  }
  render() {
    return (
      <div>
        {/* {this就是当前类的实例对象} */}
        <a href="http:///www.baidu.com/" onClick={this.handleClick.bind(this)}>
          黑马
        </a>
        计数器{this.state.count}
        {/* 通过bind返回一个新函数，call，apply会调用当前函数 */}
        <button onClick={this.handleClick.bind(this)}>点击</button>
      </div>
    );
  }
}
export { SayHello };
